/*
  1.点击轮播图 预览大图
    1.给轮播图绑定点击事件
    2.调用小程序的api previewImage
  2.点击加入购物车
    1.绑定点击事件
    2.获取缓存中的购物车数据
    3.先判断当前商品已存在购物车
    4.假如已经存在，则修改商品数据num++ 重新把购物车数组，填充到缓存中
    5.假如不存在则给购物车添加一个写的数组 新的元素带上购买的属性 num 重新把购物车数组 填充到缓存中
    6.弹出提示
  3.商品收藏
    1.页面onShow加载时，加载缓存中的商品收藏数据
    2.判断当前商品是否被收藏
      1.是 ：改变商品的图标
      2.否 ：...
    3.点击商品收藏按钮
      1.判断改商品是否存在于缓存中
      2.已存在把该商品 删除
      3.没有存在，把商品添加收藏到数组中 存入到缓存中
*/
import { request } from "../../request/index.js";
import regeneratorRuntime from "../../lib/runtime/runtime.js";
Page({
  data: {
    goodsObj:{},
    // 商品是否被收藏
    isCollect:false
  },
  GoodsObjInfo:{},
  onShow: function () {
    let pages = getCurrentPages();
    let currentPage = pages[pages.length - 1];
    let options = currentPage.options;

    const {goods_id} = options;
    console.log(goods_id);
    this.getGoodsDetail(goods_id);
  },
  //获取商品的详细信息
  async getGoodsDetail(goods_id){
    const goodsObj = await request({ url:"/goods/detail",data:{goods_id}});
    // console.log(goodsObj);

    this.GoodsObjInfo = goodsObj;
    // 1.获取缓存中的商品数组
    let collect = wx.getStorageSync("collect") || [];
    // 2. 判断当前商品是否被收藏
    let isCollect = collect.some(v => v.data.message.goods_id === this.GoodsObjInfo.data.message.goods_id);
    // console.log(GoodsObjInfo.data.message.goods_id);

    this.setData({
      goodsObj:{
        goods_name:goodsObj.data.message.goods_name,
        goods_price: goodsObj.data.message.goods_price,
        goods_introduce: goodsObj.data.message.goods_introduce.replace(/\.webp/g,'.jpg'),
        pics: goodsObj.data.message.pics
      },
      isCollect
    })
  },

  // 点击轮播图放大预览
  HandelPreviewImage(e){
    // console.log("放大预览");
    // 构造预览图数组
    const urls = this.GoodsObjInfo.data.message.pics.map(v=>v.pics_mid);
    // 接受传递过来的参数
    const current = e.currentTarget.dataset.url;
    wx.previewImage({
      current: current,
      urls: urls
    })
  },
  // 给购物车添加绑定事件
  handelCartAdd(e){
    // console.log("已添加成功");
    // 1.获取缓存中的购物车数组
    let cart = wx.getStorageSync("cart")||[];
    // 2.判断当前商品是否存在于购物车数组中
    let index = cart.findIndex(v=>v.data.message.goods_id===this.GoodsObjInfo.data.message.goods_id);
    if(index===-1){
      // 不存在，第一次添加
      this.GoodsObjInfo.num = 1;
      this.GoodsObjInfo.checked = true;
      cart.push(this.GoodsObjInfo);
    }
    else{
      // 已经存在于购物车，num++
      cart[index].num++;
    }
    // 5.把购物车的数组，重新添加到缓存中
    wx.setStorageSync("cart",cart);
    // 6 弹窗提示
    wx.showToast({
      title: '加入成功',
      icon:"sucess",
      // mask=true 防止用户一直添加
      mask:true
    })
  },
  // 收藏
  handelCollect(e){
    let isCollect=false;
    console.log(this.GoodsObjInfo);
    // 获取缓存中的商品数组
    let collect = wx.getStorageSync("collect")||[];
    // 判断商品是否被收藏
    let index = collect.findIndex(v => v.data.message.goods_id === this.GoodsObjInfo.data.message.goods_id);
    // 当被收藏过了index ！= -1；
    if(index !== -1){
      // 已被收藏，在数组中删除该商品
      collect.splice(index,1);
      isCollect=false;
      wx.showToast({
        title: '取消成功',
        icon:"success",
        mask:true
      })
    }
    else{
      // 没有收藏过
      collect.push(this.GoodsObjInfo);
      isCollect = true;
      wx.showToast({
        title: '收藏成功',
        icon: "success",
        mask: true
      })
    }
    // 把数组存入缓存中
    wx.setStorageSync("collect", collect);
    // 修改data
    this.setData({
      isCollect
    })
  }
})
